<!DOCTYPE html>
<html>
<head>
<base href="{$site_url}/" />
<!-- Use IE7 mode -->
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>调箱平台(WorldEx)</title>
<meta name="description" content="全球捷运" />
<meta name="keywords" content="全球捷运|要箱|集港|疏港" />
<script type="text/javascript">
	//<!CDATA[
	var SITE_URL = "{$site_url}";
	var REAL_SITE_URL = "{$real_site_url}";
	var PRICE_FORMAT = '{$price_format}';
	//
</script>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link href="{res file=css/base.css}" rel="stylesheet" type="text/css" />
<link href="{res file=css/banner.css}" rel="stylesheet" type="text/css" />
<link href="{res file=css/index.css}" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="index.php?act=jslang"></script>
<script type="text/javascript" src="{lib file=jquery-1.8.3.min.js}"
	charset="utf-8"></script>

<script type="text/javascript"
	src="{lib file=jquery.banner.revolution.min.js}" charset="utf-8"></script>

<script type="text/javascript" src="{lib file=banner.js}"
	charset="utf-8"></script>
<!--[if lt IE 10]>
<script type="text/javascript" src="{lib file=PIE.js}"></script>
<![endif]-->
<script type="text/javascript">
	$(function() {
		if (window.PIE) {
			$('.rounded').each(function() {
				PIE.attach(this);
			});
		}

		$("[id^='litab']").mouseover(function() {
			$(this).find("div").show();
		}).mouseout(function() {
			$(this).find("div").hide();
		});

		$("#nav1").click(function(){
			$(this).removeClass("nolink");
			$("#nav2").addClass("nolink");
			$("#tab1").show();
			$("#tab2").hide();
		});
		$("#nav2").click(function(){
			$(this).removeClass("nolink");
			$("#nav1").addClass("nolink");
			$("#tab2").show();
			$("#tab1").hide();
		});
	});
</script>

{$_head_tags}

<style>
.righttab li {
	list-style: none;
	background: #3e7fc2;
	text-align: center;
	height: 60px;
	width: 60px;
	line-height: 60px;
	border-bottom: 1px solid #fff;
	cursor: pointer;
	position: relative;
}

.righttab li:hover {
	background: #6ccdb7
}

.righttab li div {
	background: #6ccdb7;
	position: absolute;
	top: 0;
	left: -130px;
	color: #fff;
	width: 130px;
	display: none;
	line-height: 30px;
	height: 60px;
	font-size: 14px
}
</style>
</head>
<body>
	<ul style="position: fixed; right: 0; bottom: 0px;display: none" class="righttab">
		<li id="litab1"><a href="tencent://message/?uin=258989212"><img
				src="/themes/mall/default/styles/1.png" width="50%"> </a>
			<div style="line-height: 60px">在线客服</div></li>
		<li id="litab2"><img src="/themes/mall/default/styles/2.png"
			width="50%">
			<div>
				客服电话<br />0532-12345678
			</div></li>
		<li id="litab3"><a href="mailto:email@163.com"><img
				src="/themes/mall/default/styles/3.png" width="50%"> </a>
			<div>
				投诉邮箱<br />email@163.com
			</div></li>
	</ul>
	<div class="topbar">
		<div class="w">
			<div class="fr">
				<!--{if !$visitor.user_id}-->
				<a href="{url app=member&act=login&ret_url=$ret_url}"
					style="color: #C81623">请登录</a>
				<div class="spacer"></div>
				<a href="{url app=member&act=register&ret_url=$ret_url}">免费注册</a>
				<!--{else}-->

				欢迎您登陆!&nbsp;&nbsp;{$visitor.real_name|escape}

				<div class="spacer"></div>
				<a href="{url app=member&act=setpwd}">修改密码</a>
				<div class="spacer"></div>
				<a href="{url app=member&act=logout}">{$lang.logout}</a>
				<!--{/if}-->
			</div>

			<div class="cl"></div>
		</div>
	</div>
	<div style="position: relative;" class="submain">
		<div class="w">
			<div id="logoindex" class="fl">
				<a href="index.php"><img
					src="themes/mall/default/styles/default/images/logo.png" height="42"> </a>
			</div>
			<ul class="navbar fr" style="position: relative;">
				<li class="over"></li>
				<li><a class="on pl30" href="index.php">集装箱运输</a></li>
				<li><a href="javascript:;">散货运输</a></li>
				<li><a href="javascript:;">报关</a></li>
				<li><a href="javascript:;">会员服务</a></li>
			</ul>
			<div class="cl"></div>
		</div>
		<div class="cl"></div>
	</div>
	<div id="content">
		<div id="wrapper">
			<div class="fullwidthbanner-container">

				<div class="fullwidthbanner">
					<ul>
						<li data-transition="3dcurtain-horizontal" data-slotamount="15"
							data-masterspeed="300"><img src="1.png" alt="" />
						</li>
						<li data-transition="3dcurtain-vertical" data-slotamount="15"
							data-masterspeed="300" data-link="#"><img src="1.png" alt="" />
						</li>
						<li data-transition="papercut" data-slotamount="15"
							data-masterspeed="300" data-link="#"><img src="1.png" alt="" />
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="w">
		<div class="fl w150 barleft">
			<ul class="navbarleft">
				<li><a class="on" href="index.php?app=plan&act=fast">快速要箱</a></li>
				<li><a href="index.php?app=plan">要箱计划</a></li>
				<li><a href="index.php?app=containerplan">集港计划</a></li>
				<li><a href="index.php?app=usebox">状态查询</a></li>
				<li><a href="index.php?app=plan&act=fang">放单查询</a></li>
				<li><a href="index.php?app=plan&act=wsearch">提单查询</a></li>
			</ul>
			<div class="cl"></div>
		</div>
		<style>
.barright h1 {
	float: left;
	cursor: pointer;
}

.barright .nolink {
	color: #999;
	font-size: 14px;
	line-height: 34px
}
</style>
		<div class="fl w800 barright">
			<div class="fl">
				<div class="cl"></div>
				<h1 id="nav1">签约船公司</h1>
				<h1 id="nav2" class="nolink" style="margin-left: 10px;">全部</h1>
			</div>
			<div class="fr">
				<form id="form" method="get">
					<input name="app" value="sl" type="hidden" />
					<div class="searcharea rounded">
						<input type="search" name="k" placeholder="搜索船公司"
							value="{$smarty.get.k}" /> <a
							href="javascript:$('#form').submit();" class="rounded">搜索</a>
					</div>
				</form>
				<div class="cl"></div>
			</div>
			<div class="cl"></div>
			<div id="tab1">
				<div class="ship_area">
					{foreach from=$ship item=s name=i}
					<div class="ship_item fl"
						{if $smarty.foreach.i.last}style="margin-right: 0"{/if}>
						<div style="text-align: center; padding-bottom: 20px">
							<img src="{$site_url}/{$s.logoimg}" style="max-width: 50%"
								height="114" />
						</div>
						<div class="ship_item_w">
							<h2>{$s.sname}</h2>
							<p>{$s.brief}</p>
							<a href="index.php?app=sl&act=ys&id={$s.sid}">立即要箱></a>
						</div>
					</div>
					{foreachelse}
					<div class="datanone">
						<img src="n.png" / width="200">
						<p>暂无可用的船公司</p>
					</div>
					{/foreach}
					<div class="cl"></div>
				</div>
				{if $ship} <a href="index.php?app=sl"
					style="color: #b3b3b3; margin: 10px 20px" class="fr">更多More></a>
				{/if}
				
				<div class="cl"></div>
			</div>
			<div id="tab2" style="display: none;border:1px solid #dde7f1;padding: 20px;margin-top: 20px">
				{foreach from=$list item=s name=i} 
				<div style="float: left;width: 15%;margin-right: 15px">
				<h2 style="border-bottom: 1px solid #686868;padding: 0 0 10px 0;margin-bottom: 10px;font-size: 16px">{$s.p}</h2>
				<ul>
				{foreach from=$s.item item=sp name=spi} 
				<li style="line-height: 30px;height: 30px;overflow: hidden;"><a style="font-size: 14px" title="{$sp.code}{$sp.sname}" href="index.php?app=sl&act=ys&id={$sp.sid}">{$sp.code}{$sp.sname}</a></li>
				{/foreach}
				</ul>
				
				</div>
				{foreachelse}
				<div class="datanone">
					<img src="n.png" / width="200">
					<p>暂无可用的船公司</p>
				</div>
				{/foreach}
				
				<div class="cl"></div>
			</div>
		</div>
		<div class="cl"></div>
	</div>
	<div class="w">
		<div id="footer-2013">

			<div class="copyright">
				Copyright&copy;2004-2016&nbsp;&nbsp;全球捷运&nbsp;版权所有</div>
		</div>
	</div>

</body>
</html>